<div class="header-top compact-hidden">
    <div class="container">
        <div class="row">
            <div class="header-top-left form-inline col-sm-6 col-xs-12 compact-hidden">
                <div class="form-group languages-block ">
                    <form action="index.html" method="post" enctype="multipart/form-data" id="bt-language">
                        <a class="btn btn-xs dropdown-toggle" data-toggle="dropdown">
                            <img src="${basepath}/image/demo/flags/gb.png" alt="English" title="English">
                            <span class="">English</span>
                            <span class="fa fa-angle-down"></span>
                        </a>
                        <ul class="dropdown-menu">
                            <li><a href="index.html"><img class="image_flag" src="${basepath}/image/demo/flags/gb.png" alt="English" title="English" /> English </a></li>
                            <li> <a href="index.html"> <img class="image_flag" src="${basepath}/image/demo/flags/lb.png" alt="Arabic" title="Arabic" /> Arabic </a> </li>
                        </ul>
                    </form>
                </div>

                <div class="form-group currencies-block">
                    <form action="index.html" method="post" enctype="multipart/form-data" id="currency">
                        <a class="btn btn-xs dropdown-toggle" data-toggle="dropdown">
                            <span class="icon icon-credit "></span> US Dollar <span class="fa fa-angle-down"></span>
                        </a>
                        <ul class="dropdown-menu btn-xs">
                            <li> <a href="#">(€)&nbsp;Euro</a></li>
                            <li> <a href="#">(£)&nbsp;Pounds	</a></li>
                            <li> <a href="#">($)&nbsp;US Dollar	</a></li>
                        </ul>
                    </form>
                </div>
            </div>
            <div class="header-top-right collapsed-block text-right  col-sm-6 col-xs-12 compact-hidden">
                <h5 class="tabBlockTitle visible-xs">More<a class="expander " href="#TabBlock-1"><i class="fa fa-angle-down"></i></a></h5>
                <div class="tabBlock" id="TabBlock-1">
                    <ul class="top-link list-inline">
                        <li class="account" id="my_account">
                            <a href="#" title="My Account" class="btn btn-xs dropdown-toggle" data-toggle="dropdown"> <span >My Account</span> <span class="fa fa-angle-down"></span></a>
                            <ul class="dropdown-menu ">
                                <li><a href="register.html"><i class="fa fa-user"></i> Register</a></li>
                                <li><a href="login.html"><i class="fa fa-pencil-square-o"></i> Login</a></li>
                            </ul>
                        </li>
                        <li class="wishlist"><a href="#" id="wishlist-total" class="top-link-wishlist" title="Wish List (2)"><span>Wish List (2)</span></a></li>
                        <li class="checkout"><a href="#" class="top-link-checkout" title="Checkout"><span >Checkout</span></a></li>
                        <li class="login"><a href="#" title="Shopping Cart"><span >Shopping Cart</span></a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    </div>
